<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>{$myArt['title']}--1766</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/bootstrap.min.css"/>
		<style type="text/css">
			body{
				background: #ebebeb;
			}
			.carousel-inner img{
				margin: 0 auto;
			}
			.carousel-control{
				font-size:80px;
			}
			#myBtn{
				margin: 0 auto;
				width:500px;
				height:80px;
				background:rgba(0,0,0,.6);
				position:relative;
				top: -130px;
				padding:20px;
			}
			footer{
				width: 100%;
				height:300px;
				background: #3c3c3c;
				color: #c2c2c2;
				position:relative;
				bottom: 0px;
			}
			#myfooter{
				width:1140px;
				margin:0 auto;
				padding:30px 0px;
			}
			#myfooter ul{
				list-style:none;
				line-height:22px;
			}
			#friend li{
				float: left;
				margin:10px;
			}
			.media{
				position:relative;
			}
			.paperBottom{
				width: 100%;
				height:2em;
				line-height: 2em;
				/*background:gold;*/
				position:absolute;
				bottom:5px;
			}
			.paperBottom span{
				display:inline-block;
				
			}
			.paperBottom i{
				padding:0px 5px;
			}
			.media:hover{
				background:#f8f8f8;
			}
			.media-heading{
				padding-top:3px;
			}
			.media-heading a{
				color:#666;
				text-decoration: none;
			}
			.media-heading a:hover{
				color:#ff9d00;
			}
			.media-content{
				text-indent: 2em;
				color:#666;
			}
			.container{
				margin-top: 30px;
			}
			.container .pull-left,.container .pull-right{
				min-height:500px;
				margin-bottom: 30px;
				background: #fff;
			}
			.col-xs-8{
				padding:0px;
			}
			.container .pull-left span{
				margin-left:10px;
			}
			#main p{
				text-indent: 2em;
				line-height: 2em;
				padding:20px;
			}
			#commit{
				padding:20px;
			}
			form label{
				margin:5px 0px;
			}
			form button{
				margin:10px 0px;
			}
			center{
				margin:5px 0px;
			}
			.list-group-item{
				border:none;
			}
		</style>
	</head>
<body>
<include file="nav"/>
<div class="container">
<div class="row">
	<div class="col-xs-8 pull-left">
		<h2 align="center">{$myArt['title']}</h2>
		<p align="center">作者:{$myArt['author']}<span>时间:{$myArt['createdate']}</span><span>浏览量:{$myArt['clicknum']}</span></p>
		<img src="{$myArt['img_path']}" width="100%">
		<div id="main">
			<p>
				{$myArt['content']}
			</p>
		</div>
		<div id="list" class="col-xs-offset-1 col-xs-10">
			<center><label>评论列表</label></center>
			<if condition="$comment eq null" >
			亲暂时还没有留言，期待你的留言
			<else />
			<table class="table table-hover"> 		
				<foreach name="comment" item="coo">		
				<tr>
					<td>内容:{$coo['content']}</td>
					<td>用户:{$coo['email']}</td>
				</tr>
				</foreach>
			</table>	
			</if>
		</div>
		<div id="commit">
			<center><label>用户评论</label></center>
			<form role="form" class="form-horizontal" action="{:U('Home/Page/addcomment')}" method="post">
			  <div class="form-group">
			     <label for="firstname" class="col-sm-1 control-label">名字</label>
			     <div class="col-sm-10">
			      <input type="text"  name="name" class="form-control" id="firstname" placeholder="请输入名字">
			     </div>
			  </div>
			  <div class="form-group">
			    <label for="name" class="col-sm-1 control-label" style="">邮箱</label>
			    <div class="col-sm-10">
			    	<input type="email" name="email" class="form-control" placeholder="邮箱">
			    </div>
			  </div>
			  <div class="form-group">	
			    <label for="content" class="col-sm-1 control-label">内容</label>	
			    <div class="col-xs-10">
			    	<textarea name="content" class="form-control"></textarea>
			    	<input type="hidden" name="aid" value="{$myArt['aid']}">
			    </div>
			  </div>  
			  	<div class="col-sm-10"></div>
			    <button type="submit" class="btn btn-default">提交</button>
			</form>
		</div>
	</div>
	<div class="col-xs-3 pull-right">
		<ul class="list-group" style="width:100%">
			<li class="list-group-item">
				最近浏览
			</li>
			<foreach name="history" item="v">
		    <li class="list-group-item">
			    <a href="{:U('Home/Page/Index',['id'=>$v['aid']])}">
			    	{$v['title']}
			    </a>
		    </li>
		    </foreach>
		</ul>
	</div>
</div>
</div>
<include file="footer"/>
<script src="__PUBLIC__/Home/js/jquery.min.js"></script>
<script src="__PUBLIC__/Home/js/bootstrap.min.js"></script>
</body>	